let brr = ['你不是一个人66']
let name2 = ['薛之谦99']
for(let i = 0;i<brr.length;i++){
    document.write(
        `<div class="u-hd2">
            <div class="song">
                <span class="num">${i+1}.</span>
                <i class="ply"></i>
                <a href="#" class="tip">
                <b>${brr[i]}</b>
                </a>                   
                <em>-</em>
                <span>${name2[i]}</span>
            </div>
            <div class="four">
                <div class="opt">
                <a href="#" class="add" title="添加到播放列表"></a> 
                <a href="#" class="fav" title="收藏"></a> 
                <a href="#" class="share" title="分享"></a> 
                <a href="#" class="dl" title="下载"></a>
                </div>
            </div>
            <div class="tops">
            </div>
        </div>` 
    ) 
    const uhd = document.querySelectorAll('.u-hd2')
    const opt = document.querySelectorAll('.u-hd2 .opt')
    uhd[i].addEventListener('mouseenter',function(){
        opt[i].style.display = 'flex'
    })
    uhd[i].addEventListener('mouseleave',function(){
        opt[i].style.display = 'none'
    })
}
const ply2 = document.querySelectorAll('.u-hd2 .ply')
ply2[0].style.backgroundPosition=' -20px -128px'